   /*
        1、加减按钮 点击 导致金额改变
        2、当勾选 某一个商品之后 需要计算 总金额
        3、当删除 某一个商品之后  需要计算总金额
    */
    // 通过事件委托绑定点击事件
    document.querySelector(".shoppingBar").addEventListener("click", function (event) {
        // 增加数量
        if (event.target.nodeName == 'BUTTON') {
            if (event.target.innerHTML.trim() == "+") {
                // 获取当前数量
                let number = event.target.previousElementSibling.innerHTML.trim();
                number++;
                // 修改数量innerHTML
                event.target.previousElementSibling.innerHTML = number;

                // 捕捉单价
                let price = event.target.parentElement.nextElementSibling.innerHTML.trim() - 0;
                // 修改数量后面小计的金额
                event.target.parentElement.nextElementSibling.nextElementSibling.innerHTML = price * number;
                priceTotal()

            } else {
                // 获取当前数量
                // 减少数量
                let number = event.target.nextElementSibling.innerHTML.trim();
                if (number <= 1) {
                    alert("最少选择一件")
                    return;
                }
                number--;
                // 修改数量innerHTML
                event.target.nextElementSibling.innerHTML = number;
                // 捕捉单价，修改小计金额
                let price = event.target.parentElement.nextElementSibling.innerHTML.trim() - 0;
                event.target.parentElement.nextElementSibling.nextElementSibling.innerHTML = price * number;
                priceTotal()
            }
        } else if (event.target.nodeName == 'INPUT') {
            // 如果点的是全选框，让下面三个框都选中
            if (event.target.className == "selectAll") {
                document.querySelectorAll(".input").forEach(item => {
                    item.checked = document.querySelector(".selectAll").checked;
                    console.log(this);
                    console.log(item);
                    console.log(111);
                })
                priceTotal()
            } else {
                console.log(234)
                document.querySelector('.selectAll').checked = (document.querySelectorAll('.input').length ==
                    document.querySelectorAll('.input:checked').length);
                priceTotal();
            }


        } else if (event.target.classList.contains('glyphicon-remove')) {
            document.querySelector('tbody').removeChild(event.target.parentElement.parentElement);
            priceTotal();
        }
    })

    // 构造函数priceTotal()计算被勾选的商品的总金额是多少 以及被选中的商品的总件数
    function priceTotal() {
        let total = 0;
        let per = 0;
        // 根据查找的被勾选的input框进行遍历
        document.querySelectorAll(".input:checked").forEach(item => {
            total += Number(item.parentElement.nextElementSibling.nextElementSibling.nextElementSibling
                .nextElementSibling.innerHTML.trim());
            per += Number(item.parentElement.nextElementSibling.nextElementSibling.firstElementChild
                .nextElementSibling.innerHTML
                .trim())
        })
        document.querySelectorAll('.buy>span')[0].innerHTML = per;
        document.querySelectorAll('.buy>span')[1].innerHTML = ' ￥' + total
    }